<template>
  <div>
    <div demo-bg class="a8">
      <dv-border-box8 :reverse="true">
        <div dv-bg>
          <video style="width: 90%; height: 190px;margin-left: 20px;" controls autoplay>
            <source
              src="https://cdn.uviewui.com/uview/resources/video.mp4"
              type="video/mp4"
            />
          </video>
        </div>
      </dv-border-box8>
    </div>
    <div demo-bg class="a8">
      <dv-border-box8 :reverse="true">
        <div dv-bg>
          <video style="width: 90%; height: 190px;margin-left: 20px;" controls autoplay>
            <source
              src="https://cdn.uviewui.com/uview/resources/video.mp4"
              type="video/mp4"
            />
          </video>
        </div>
      </dv-border-box8>
    </div>
    <div demo-bg class="a8">
      <dv-border-box8 :reverse="true">
        <div dv-bg>
          <video style="width: 90%; height: 190px;margin-left: 20px;" controls autoplay>
            <source
              src="https://cdn.uviewui.com/uview/resources/video.mp4"
              type="video/mp4"
            />
          </video>
        </div>
      </dv-border-box8>
    </div>
  </div>
</template>

<script setup>
import { BorderBox8 as DvBorderBox8 } from "@kjgl77/datav-vue3";
</script>

<style>
.a8{
  margin-top: 10px;
}

</style>